.wrap {
	width: 100%;
}

.wrap-head {
	width: 100%;
	height: 12vw;
	background-color: cornflowerblue;
	color: white;
	font-size: 4vw;
	display: flex;
	align-items: center;
}

.wrap-head i{
	margin-left: 2vw;
}

.wrap-head h3{
	margin: 0 2vw;
}

.wrap-serach{
	width: 100%;
	height: 12vw;
	background-color: cornflowerblue;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap-serach-text{
	width: 88%;
	height: 70%;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	color: darkgrey;
}

.wrap-foodType {
	width: 100%;
	height: 36vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 5vw;
}

.wrap-foodType li {
	width: 19%;
	height: 40%;
	font-size: 3vw;
	color: darkgrey;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wrap-foodType li img {
	width: 70%;
	height: 70%;
}

.wrap-banner {
	width: 94%;
	height: 36vw;
	background-image: url(../img/index_banner.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
	padding-left:10vw;
	padding-top: 4vw;
	box-sizing: border-box;
}

.wrap-banner h3 {
	font-size: 5vw;
}

.wrap-banner h5 {
	font-size: 4vw;
	margin: 3vw 0;
	color: darkgrey;
}

.wrap-banner p {
	font-size: 3vw;
	color: chocolate;
}

.wrap-superMember {
	width: 94%;
	height: 16vw;
	background-color: #feedc1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
}

.wrap-superMember-left{
	display: flex;
	align-items: center;
}

.wrap-superMember-left img {
	width: 10vw;
	height: 10vw;
	margin-left: 2vw;
}

.wrap-superMember-left h3 {
	color: brown;
	font-size: 4vw;
	margin: 0 2vw;
}

.wrap-superMember-left p {
	color: #D2691E;
	font-size: 3vw;
}

.wrap-superMember-right {
	color: #D2691E;
	font-size: 3vw;
	margin-right: 2vw;
}

.wrap-recommend {
	width: 100%;
	height: 12vw;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5vw;
}

.wrap-recommend h3 {
	margin: 0 5vw;
}

.wrap-recommend-leftLine {
	border-color: black;
	border-style: solid;
	border-width: 0.5vw;
	width: 10%;
	height: 0.05vw;
}

.wrap-recommend-rightLine {
	border-color: black;
	border-style: solid;
	border-width: 0.5vw;
	width: 10%;
	height: 0.05vw;
}

.wrap-sortType {
	width: 100%;
	height: 12vw;
	display: flex;
	justify-content: space-around;
	margin-top: 5vw;
}

.wrap-foodList{
	width: 100%;
}

.wrap-foodList li {
	display: flex;
	border-bottom-style: solid;
	border-bottom-color: #A9A9A9;
	border-bottom-width: 0.5vw;
	margin-top: 3vw;
}

.wrap-foodList-foodInfo-img {
	flex: 1;
	display: flex;
	justify-content: center;
}

.wrap-foodList-foodInfo-img img{
	width: 80%;
	height: 40%;
}

.wrap-foodList-foodInfo{
	flex: 3;
}

.wrap-foodList-foodInfo-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-right: 5vw;
	margin: 2vw 0;
}

.wrap-foodList-foodInfo-star {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-right: 5vw;
	margin: 2vw 0;
}

.wrap-foodList-foodInfo-star-left i{
	color: gold;
}

.wrap-foodList-foodInfo-star-right {
	background-color: lightblue;
	color: white;
	box-sizing: border-box;
	padding: 1vw;
	border-radius: 3vw;
	font-size: 3.5vw;
}

.wrap-foodList-foodInfo-diliver {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-right: 5vw;
	margin: 2vw 0;
}

.wrap-foodList-foodInfo-action {
	display: flex;
	align-items: center;
	margin: 2vw 0;
}

.wrap-foodList-foodInfo-action div {
	background-color: green;
	color: white;
	box-sizing: border-box;
	padding: 1vw;
	border-radius: 3vw;
	font-size: 3.5vw;
	margin-right:4vw ;
}

.wrap-innerFoot {
	width: 100%;
	height: 14vw
}

.wrap-foot {
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #EEEEEE;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 14vw;
}

.wrap-foot li {
	display: flex;
	flex-direction: column;
	align-items: center;
}